<template>
  <div style="width: 100%;">
    <t-form :data="formData" :rules="rules" ref="form" label-align="top">
      <t-form-item label="标签" name="label_data">
        <t-tag-input v-model="formData.label_data" clearable placeholder="产品标签" />
      </t-form-item>
      <t-form-item label="详情" name="content">
        <f-quill-editor :value="formData.content"></f-quill-editor>
      </t-form-item>
      <t-form-item label="须知" name="notice">
        <f-quill-editor :value="formData.notice"></f-quill-editor>
      </t-form-item>
    </t-form>
  </div>
</template>

<script>
import FQuillEditor from "@/components/f-quill-editor/index.vue";

export default {
  name: 'ProductDetail',
  components: { FQuillEditor },
  props: {
    value: {
      type: String,
      default: ''
    },
  },
  data() {
    return {
      editorOption: {},
      formData: {
        label_data: [], // 标签
        content: '', // 品牌
        notice: '', // 分类
      },
      rules: {
        //content: [{required: true, message: '请输入详情', trigger: 'change'},],
        //notice: [{required: true, message: '请输入须知', trigger: 'change'},],
      }
    }
  },
  mounted() {
  },
  methods: {
    submit() {
      return this.$refs.form.validate()
    },
  }
}
</script>

<style lang="less" scoped>

</style>
